<!-- 资料收集 -->
<template>
  <devArticle>
    <Card :bordered="false">
      <p slot="title">
        <Row>
          <Col span="12" style="line-height:32px !important"> 资料收集
          </Col>
          <Col span="12" style="text-align: right">
          <Button type="primary" @click="modal1 = true">公式</Button>
          </Col>
        </Row>
      </p>
      <p>
        <Form>
          <FormItem>
            <table width='100%' border="1" cellspacing="0" cellpadding="0">
              <tr>
                <th colspan="4">
                  项目基本信息表
                </th>
              </tr>
              <tr>
                <td width="25%">
                  项目编号
                </td>
                <td colspan="3">
                  00000
                </td>
              </tr>
              <tr>
                <td width="25%">
                  <Icon type="md-star-outline" color="#ff6868" /> 项目名称
                </td>
                <td colspan="3">
                  某某某某项目
                  <br> 原为某某某项目 修改：张三 2018-09-17 16:00
                </td>
              </tr>
              <tr>
                <td width="25%">
                  <Icon type="md-star-outline" color="#ff6868" /> 建设单位
                </td>
                <td colspan="3">
                  某某某某项目
                  <br> 原为某某某项目 修改：张三 2018-09-17 16:00
                </td>
              </tr>
              <tr>
                <td width="25%">
                  <Icon type="md-star-outline" color="#ff6868" /> 法　　人
                </td>
                <td>
                </td>
                <td width="25%">
                  <Icon type="md-star-outline" color="#ff6868" /> 联系人
                </td>
                <td>
                </td>
              </tr>
              <tr>
                <td width="25%">
                  <Icon type="md-star-outline" color="#ff6868" /> 通讯地址
                </td>
                <td colspan="3">
                </td>
              </tr>
              <tr>
                <td width="25%">
                  <Icon type="md-star-outline" color="#ff6868" /> 联系电话
                </td>
                <td>
                </td>
                <td width="25%">
                  邮政编码
                </td>
                <td>
                </td>
              </tr>
              <tr>
                <td width="25%">
                  <Icon type="md-star-outline" color="#ff6868" /> 建设地点
                </td>
                <td colspan="3">
                </td>
              </tr>
              <tr>
                <td width="25%">
                  <Icon type="md-star-outline" color="#ff6868" /> 建设性质
                </td>
                <td>
                  <Checkbox label="twitter">
                    <span>新建</span>
                  </Checkbox>
                  <Checkbox label="facebook">
                    <span>改建</span>
                  </Checkbox>
                  <Checkbox label="github">
                    <span>扩建</span>
                  </Checkbox>
                </td>
                <td width="25%">
                  国民经济行业类型
                </td>
                <td>
                  示例：031 牧畜饲养
                  <Button type="primary" ghost>国民经济行业分类</Button>
                </td>
              </tr>
              <tr>
                <td width="25%">
                  <Icon type="md-star-outline" color="#ff6868" /> 立项审批部门
                </td>
                <td>
                </td>
                <td width="25%">
                  项目代码
                </td>
                <td>
                </td>
              </tr>
              <tr>
                <td width="25%">
                  占地面积（平方米）
                </td>
                <td>
                </td>
                <td width="25%">
                  绿化面积（平方米）
                </td>
                <td>
                </td>
              </tr>
              <tr>
                <td width="25%">
                  <Icon type="md-star-outline" color="#ff6868" /> 总投资（万元）
                </td>
                <td>
                </td>
                <td width="25%">
                  环评合同额（万元）
                </td>
                <td>
                </td>
              </tr>
              <tr>
                <td width="25%">
                  <Icon type="md-star-outline" color="#ff6868" /> 环评分类管理名录
                </td>
                <td>
                  示例：2 粮食及饲料加工
                  <Select style="width:100px"></Select>
                </td>
                <td width="25%">
                  <Icon type="md-star-outline" color="#ff6868" /> 报告类型
                </td>
                <td>
                  示例：031 牧畜饲养
                  <Select style="width:100px"></Select>
                </td>
              </tr>
              <tr>
                <td width="25%">
                  <Icon type="md-star-outline" color="#ff6868" /> 产业政策
                </td>
                <td>
                  <Checkbox label="twitter">
                    <span>鼓励类</span>
                  </Checkbox>
                  <Checkbox label="facebook">
                    <span>淘汰类</span>
                  </Checkbox>
                  <Checkbox label="github">
                    <span>限制类</span>
                  </Checkbox>
                  <Checkbox label="github">
                    <span>允许类</span>
                  </Checkbox>
                </td>
                <td width="25%">
                  <Icon type="md-star-outline" color="#ff6868" /> 行业准入
                </td>
                <td>
                  <Radio label="apple">
                    <span>符合</span>
                  </Radio>
                  <Radio label="android">
                    <span>不符合</span>
                  </Radio>
                </td>
              </tr>
              <tr>
                <td width="25%">
                  <Icon type="md-star-outline" color="#ff6868" /> 分级审批
                </td>
                <td>
                  <Checkbox label="twitter">
                    <span>部批</span>
                  </Checkbox>
                  <Checkbox label="facebook">
                    <span>省批</span>
                  </Checkbox>
                  <Checkbox label="github">
                    <span>市批</span>
                  </Checkbox>
                  <Checkbox label="github">
                    <span>县批（区批）</span>
                  </Checkbox>
                </td>
                <td width="25%">
                  <Icon type="md-star-outline" color="#ff6868" /> 审批部门
                </td>
                <td>
                </td>
              </tr>
              <tr>
                <td width="25%">
                  <Icon type="md-star-outline" color="#ff6868" /> 项目合同
                </td>
                <td>
                  <Button type="primary">上传</Button>
                </td>
                <td width="25%">
                  <Icon type="md-star-outline" color="#ff6868" /> 项目委托书
                </td>
                <td>
                  <Button type="primary">上传</Button>
                </td>
              </tr>
              <tr>
                <td width="25%">
                  原环评报告
                </td>
                <td>
                  <Button type="primary">上传</Button>
                </td>
                <td width="25%">
                  原环评批复
                </td>
                <td>
                  <Button type="primary">上传</Button>
                </td>
              </tr>
              <tr>
                <td width="25%">
                  原项目验收文件
                </td>
                <td>
                  <Button type="primary">上传</Button>
                </td>
                <td width="25%">
                  原项目实际监测文件
                </td>
                <td>
                  <Button type="primary">上传</Button>
                </td>
              </tr>
              <tr>
                <td width="25%">
                  厂区现有平面图
                </td>
                <td>
                  <Button type="primary">上传</Button>
                </td>
                <td width="25%">
                  厂区现有环保设施情况
                </td>
                <td style="text-align:left">
                  废水：
                  <br> 废气：
                  <br> 噪声：
                  <br> 固废：
                  <br>
                </td>
              </tr>
              <tr>
                <td width="25%">
                  <Icon type="md-star-outline" color="#ff6868" /> 土地文件
                </td>
                <td>
                  <Button type="primary">上传</Button>
                </td>
                <td width="25%">
                  <Icon type="md-star-outline" color="#ff6868" /> 土地相符性
                </td>
                <td>
                  <Radio label="apple">
                    <span>符合</span>
                  </Radio>
                  <Radio label="android">
                    <span>不符合</span>
                  </Radio>
                </td>
              </tr>
              <tr>
                <td width="25%">
                  <Icon type="md-star-outline" color="#ff6868" /> 规划文件
                </td>
                <td>
                  <Button type="primary">上传</Button>
                </td>
                <td width="25%">
                  <Icon type="md-star-outline" color="#ff6868" /> 规划相符性
                </td>
                <td>
                  <Radio label="apple">
                    <span>符合</span>
                  </Radio>
                  <Radio label="android">
                    <span>不符合</span>
                  </Radio>
                </td>
              </tr>
              <tr>
                <td width="25%">
                  <Icon type="md-star-outline" color="#ff6868" /> 立项文件
                </td>
                <td>
                  <Button type="primary">上传</Button>
                </td>
                <td width="25%">
                  可研/项目建议书
                </td>
                <td>
                  <Button type="primary">上传</Button>
                </td>
              </tr>
              <tr>
                <td width="25%">
                  <Icon type="md-star-outline" color="#ff6868" /> 项目平面图
                </td>
                <td>
                  <Button type="primary">上传</Button>
                </td>
                <td width="25%">
                  其他资料
                </td>
                <td>
                  <Button type="primary">上传</Button>
                </td>
              </tr>
            </table>
          </FormItem>
        </Form>
        <table width='100%' border="1" cellspacing="0" cellpadding="0">
          <tr>
            <th>
              本项目组成员
            </th>
          </tr>
          <tr>
            <td>
              <Row style="width:99.7%">
                <Col span="24">
                <Table :show-header="false" border :columns="columns1" :data="data1"></Table>
                </Col>
              </Row>
            </td>
          </tr>
          <tr>
            <td>
              <Button type="primary">添加</Button>
              <Button type="error">删除</Button>
              </Button>
            </td>
          </tr>
          <tr>
            <td style="text-align: left">
              <Row style="padding:20px 0">
                <Col span="12" style="text">
                <Button type="primary">
                  打印
                </Button>
                </Col>
                <Col span="12" style="text-align: right">
                <Button type="primary">
                  打印
                </Button>
                <Button type="primary" @click="toreconnaissanceTrip">
                  提交
                </Button>
                </Col>
              </Row>
            </td>
          </tr>
        </table>
      </p>
    </Card>
    <Modal v-model="modal1" title="报告类型" @on-ok="ok" @on-cancel="cancel">
      <p>
        <table width='100%' border="1" cellspacing="0" cellpadding="0">
          <tr>
            <td rowspan="11">
              报告表
            </td>
            <td width="60" rowspan="8">
              一般报告表
            </td>
            <td>
              无专项
            </td>
            <td>
              <Checkbox label="twitter">
              </Checkbox>
            </td>
            <td rowspan="11">
              报告书
            </td>
            <td>
              轻工纺织化纤物
            </td>
            <td>
              <Checkbox label="twitter">
              </Checkbox>
            </td>
          </tr>
          <tr>
            <td>
              地表水环境影响专项
            </td>
            <td>
              <Checkbox label="twitter">
              </Checkbox>
            </td>
            <td>
              化工石化医药
            </td>
            <td>
              <Checkbox label="twitter">
              </Checkbox>
            </td>
          </tr>
          <tr>
            <td>
              地下水环境影响专项
            </td>
            <td>
              <Checkbox label="twitter">
              </Checkbox>
            </td>
            <td>
              冶金机电
            </td>
            <td>
              <Checkbox label="twitter">
              </Checkbox>
            </td>
          </tr>
          <tr>
            <td>
              环境风险专项
            </td>
            <td>
              <Checkbox label="twitter">
              </Checkbox>
            </td>
            <td>
              建材火电
            </td>
            <td>
              <Checkbox label="twitter">
              </Checkbox>
            </td>
          </tr>
          <tr>
            <td>
              大气环境影响专项
            </td>
            <td>
            </td>
            <td>
              农林水利
            </td>
            <td>
            </td>
          </tr>
          <tr>
            <td>
              声环境影响专项
            </td>
            <td>
            </td>
            <td>
              采掘
            </td>
            <td>
            </td>
          </tr>
          <tr>
            <td>
              工程分析环境影响专项
            </td>
            <td>
            </td>
            <td>
              交通运输
            </td>
            <td>
            </td>
          </tr>
          <tr>
            <td>
              污染防治措施专项
            </td>
            <td>
            </td>
            <td>
              社会服务
            </td>
            <td>
            </td>
          </tr>
          <tr>
            <td rowspan="3">
              核与辐 射项目 报告表
            </td>
            <td>
              无专项
            </td>
            <td>
            </td>
            <td>
              海洋工程
            </td>
            <td>
            </td>
          </tr>
          <tr>
            <td rowspan="2">
              辐射专项
            </td>
            <td>
            </td>
            <td>
              输变电及广电通讯
            </td>
            <td>
            </td>
          </tr>
          <tr>
            <td>
            </td>
            <td>
              核工业
            </td>
            <td>
            </td>
          </tr>
        </table>
      </p>
    </Modal>
  </devArticle>
</template>
<script>
export default {
  data() {
    return {
      modal1: false,
      model1: "",
      columns1: [{
          width: 50
        },
        {
          title: "Name",
          key: "name"
        },
        {
          title: "Age",
          key: "age"
        },
        {
          title: "Address",
          key: "address"
        },
        {
          title: "选择",
          render: (h, params) => {
            return h("Select", {});
          }
        }
      ],
      data1: [{
          name: "项目负责人",
          address: "负责的章节"
        },
        {
          name: "项目负责人",
          address: "负责的章节"
        },
        {
          name: "项目负责人",
          address: "负责的章节"
        },
      ]
    };
  },
  methods: {
    ok() {
      this.$Message.info('Clicked ok');
    },
    cancel() {
      this.$Message.info('Clicked cancel');
    },
    toreconnaissanceTrip() {
      this.$router.push('/My/reconnaissanceTrip')
    }
  }
};

</script>
<style lang="less" src="./card.less">


</style>

